@media only screen and (max-width: 750px) {

.pc{display:none}
.wap{ display:block}

#header-box{width:100%; height:4rem; background:#fff; overflow:hidden; position:fixed; z-index:1; top:0}
#header-box .header{width:96%; margin:12px auto; }
#header-box .header img{width:42%; height:auto}

#menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100vh;
  background:#0a0b0c ;/*background-size: 100%;*/ z-index:999999 }
  
.menu{width:100%; margin-top:25%}
.menu li{width:100%; text-align:center; height:5rem; line-height:5rem; font-size:1.3rem}
.menu li a{color:#FFFFFF}

#menuBtn {
        top: 0.8rem;
        right: 6%;z-index:999999; display:block}

		

 #menuBtn {
    position:fixed;
    top: 15px;
    right: 5%;
    width: 42px;
    height: 42px;
    cursor: pointer; z-index:999999;  }
	
	 #menuBtn span {
      display: block;
      background: #000000;
      width: 24px;
      height: 2px;
      position: absolute;
      left: 9px;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s; }
       #menuBtn span:first-child {
        top: 12px;  }
      #menuBtn span:nth-child(2) {
        margin-top: -1px;
        top: 50%; }
      #menuBtn span:last-child {
        bottom: 12px; }
     #menuBtn.active span:first-child {
      -webkit-transform: translateY(8px) rotate(45deg);
      -moz-transform: translateY(8px) rotate(45deg);
      -ms-transform: translateY(8px) rotate(45deg);
      transform: translateY(8px) rotate(45deg);background:#e6e6e7 }
     #menuBtn.active span:nth-child(2) {
      opacity: 0; }
     #menuBtn.active span:last-child {
      -webkit-transform: translateY(-8px) rotate(-45deg);
      -moz-transform: translateY(-8px) rotate(-45deg);
      -ms-transform: translateY(-8px) rotate(-45deg);
      transform: translateY(-8px) rotate(-45deg); background:#e6e6e7}
	  
	  
.space{height:4rem}	  
	/*banner*/
#wap-banner{ width:100%; height:250px}
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{width:100%;height:250px;position:relative;overflow: hidden;visibility: hidden;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%; height:250px; margin-top:0}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute;padding:0; right:0; left:0; bottom:5px; margin:auto;text-align:center; z-index:10;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:100%;border-radius:100%; border:1px solid #fff; line-height:25px;}
#position li.cur{background-color:#fff;}
#position li a{ position:absolute; left:0px; width:}
#addtitle{ position:absolute; bottom:0px;width:100%; height:25px;overflow:hidden; line-height:25px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:25px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}  


/*关于我们*/

.m-main1-bg{width:100%; height:auto; overflow:hidden; background:#f0f0f0}
.m-main1-box{width:96%; margin:0 auto; margin-top:75px}
.m-main1-header{width:100%; text-align:center; margin-bottom:49px}
.m-main1-header h1{font-size:30px; color:#028ed6; font-weight:normal}
.m-main1-header h2{ font-size:16px; color:#666666;font-weight:normal; height:42px; line-height:42px}
.m-main1-header h3{width:38px; height:3px; background:#bfbfbf; display:block; margin:0 auto; margin-top:5px}

.m-main1-l{width:100%;  height:auto; line-height:30px; margin-bottom:1rem}
.m-main1-l-1{width:94%;  padding:3%;  background:#FFFFFF;text-align:justify}
.m-main1-l-1 .about-h1{width:100%; height:63px; border-bottom:#dedede solid 1px; color:#000000; font-size:20px; line-height:24px; margin-bottom:15px}
.m-main1-l-1 .about-h1 span{ color:#999999; display:block}
.m-main1-l-1 .more a{width:100%; text-align:right; color:#000000; display:block}
.m-main1-l-1 .more span{font-family:"宋体"}
.m-main1-l-2 a{width:38px; height:90px; line-height:90px; text-align:center; font-family:"黑体"; font-size:24px; background:#028ed6; color:#FFFFFF; display:block; float:left; margin-top:247px}

.m-main1-r{width:100%; }
.m-main1-r li{width:100%; padding:5% 0;  background:#FFFFFF; margin-bottom:1rem; text-align:center }
.m-main1-r li img{ }
.m-main1-r li .main-r-txt{margin-top:1rem; color:#333333; font-size:20px; line-height:24px}
.m-main1-r li .main-r-txt span{ font-size:14px; display:block;text-transform:uppercase}


/*公司荣誉*/
.m-main2-bg{width:100%; background:url(../images/honor-bg.jpg) top repeat-y ; height:auto; overflow:hidden; padding:5% 0}
.m-main2-box{width:96%; margin:0 auto; margin-top:75px; overflow:hidden}
.m-main2-header{width:100%; text-align:center; margin-bottom:49px}
.m-main2-header h1{font-size:30px; color:#ffffff; font-weight:normal}
.m-main2-header h2{ font-size:16px; color:#ffffff;font-weight:normal; height:42px; line-height:42px}
.m-main2-header h3{width:38px; height:3px; background:#bfbfbf; display:block; margin:0 auto; margin-top:5px}
.m-main2-l{ width:100%;}
.m-main2-l li{ margin-bottom:30px}


.m-main2-l li a{width:100%; padding:15% 0;  background: #fff url(../images/honor-icon.png) no-repeat 90% 85%; display:block; overflow:hidden}
.m-main2-l li a h1{width:62px; height:2px; margin:0% 0 10% 10%; background:#cccccc; }
.m-main2-l li a h2{ margin:0px 0 20% 10%; font-size:30px; color:#333333;line-height:36px}
.m-main2-l li a:hover h2{  font-size:30px; color:#fff}

.m-main2-l li a h3{ margin:0px 0 0px 10%; font-size:30px; color:#999999; font-size:14px;background:url(../images/honor-jiantou.png) no-repeat 100% 50%; width:125px}
.m-main2-l li a:hover h3{ font-size:30px; color:#fff;font-size:14px; }
.m-main2-l li a:hover{width:100%;  position:relative; background: #028ed6 url(../images/honor-icon-hover.png) no-repeat 90% 85%; color:#FFFFFF}


/*新闻*/
.m-main3-bg{width:100%;  overflow:hidden; background:#f0f0f0; overflow:hidden}
.m-main3-box{width:96%; margin:0 auto; margin-top:75px; }
.m-main3-header{width:100%; text-align:center; margin-bottom:49px}
.m-main3-header h1{font-size:30px; color:#028ed6; font-weight:normal}
.m-main3-header h2{ font-size:16px; color:#666666;font-weight:normal; height:42px; line-height:42px}
.m-main3-header h3{width:38px; height:3px; background:#bfbfbf; display:block; margin:0 auto; margin-top:5px}
.m-main3-r{width:100%; position:relative}

.m-main3-r li{width:100%;  margin-bottom:30px; background:#f0f0f0; overflow:hidden}
.m-main3-r li .m-main3-r-l{ width:90%;  margin:10% 0 0 5%; background:#028ed6; color:#FFFFFF; text-align:center; line-height:30px; }
.m-main3-r li .m-main3-r-l span{ font-size:36px; display:block}

.m-main3-r-nr{width:90%; padding:5% 5% 8% 5%; background:#FFFFFF; float:left; margin-top:0px;}
.m-main3-r-nr h1{ height:45px; line-height:45px; border-bottom:#dedede solid 1px; font-size:1.2rem; margin-bottom:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.m-main3-r-nr h1 a{color:#333}
.m-main3-r-nr h2{color:#999999; font-size:14px; line-height:25px; margin-bottom:15px}
.m-main3-r-more a{width:100%; color:#333333}

.wap-foot{width:90%; padding:5%; line-height:180%; color:#FFFFFF; font-size:1rem; background:#028ed6; display:block; position:relative}	
		

/*关于我们*/

.news-list{ margin:0 auto; width:96%; text-align:center}
.news-list ul li{display:inline-block; float:none;   margin-right:5%; height:60px; line-height:60px; font-size:16px;}
.about-box{width:94%; margin:0 auto; overflow:hidden; line-height:28px; padding-bottom:25px;text-align:justify}	

.news2-list{ margin:0 auto; width:96%; text-align:left}
.news2-list ul li{ float:none;   margin-right:0%; height:60px; line-height:60px; font-size:16px; width:auto}

/*新闻中心*/
.newslist li{width:100%;  margin:0 auto; margin-bottom:15px; background:#f0f0f0; overflow:hidden; margin-right:0%; float:none; overflow:hidden}
.newslist li .newslist-r-l{ width:15%; float:left; margin:10% 0 0 5%; background:#028ed6; color:#FFFFFF; text-align:center; line-height:30px; padding:25px 0 20px 0; display:none}
.newslist-r-nr{width:82%; margin:0 auto; padding:3% 5%; background:#FFFFFF; float:none; margin-top:5%; height:175px;margin-bottom:5%}
.newslist-r-nr h1{ height:41px; line-height:41px; border-bottom:#dedede solid 1px; font-size:16px; margin-bottom:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


/*新闻详细*/
.news-box{width: 100%; background: #fff; overflow: hidden;border-top:1px solid #dedede;}
.news-view{width:94%; margin:40px auto; background:#fff; overflow:hidden; padding:0px}
.news-view-tit{font-size:1.2rem; color:#333; text-align:center; line-height:2rem}
.news-view-time{font-size:14px; color:#999; text-align:center; margin:15px 0 20px; border-bottom:1px solid #dedede; padding-bottom:15px;}
.news-view-time span{margin:0 20px;}
.news-view-p{line-height:28px; color:#666; border-bottom:1px solid #dedede; padding-bottom:30px; margin-bottom:0px;text-align:justify; font-size:1rem}

.news-view-p img{width:100%; height:auto}
/*联系我们*/
.contact-box{width:100%; margin:0 auto; overflow:hidden; line-height:28px; padding-bottom:25px;text-align:justify}	
.contact-l{width:100%; float:left; height:auto; background:#FFFFFF; padding-bottom:15px}

.contact-l h1{width:82%; font-size:20px; color:#028ed6; font-weight:normal; margin:0 auto; margin-top:8%; margin-bottom:15px}
.contact-l .contact-txt{width:82%; margin:0 auto; line-height:32px; font-size:16px; margin-bottom:15px}
.contact-l .contact-ewm{width:82%; margin:0 auto; line-height:32px; font-size:16px; text-align:center}
.contact-l .contact-ewm li{width:94px; display:inline-block; margin-right:24px; text-align:center}
.contact-l .contact-ewm li:nth-child(2n){ margin-right:0}

.contact-r{width:100%; float:left; height:480px; background:#FFFFFF}

.about-tit{color:#028ed6; font-size:24px; margin:30px 0 20px 15px}

/*软件下载*/
.soft-box{width:96%; margin:0 auto; overflow:hidden; line-height:28px; padding-bottom:25px;}
.soft-box li{width:90%; float:left; height:auto; border:#dedede solid 1px; margin:0 5% 5% 0; background:#FFFFFF; padding:4.5%}


.pro-box{width:96%; margin:0 auto; overflow:hidden; line-height:28px; padding-bottom:25px;}
.pro-box li{width:90%; float:left; height:auto; border:#dedede solid 1px; margin:0 5% 5% 0; background:#FFFFFF; padding:4.5%}
.pro-box li img{width:100%; height:auto}
.pro-box li:nth-child(3n){margin-right:0}
.pro-box li h1{ font-size:20px; line-height:30px; color:#333; margin-top:15px}
.pro-box li h2{ margin-top:10px; color:#666; font-size:14px; line-height:24px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

}